<template>
  <div class="index">
    <Card style="background: #f8f8f9">
      <Carousel autoplay v-model="carouselValue" loop style="width: 1080px;margin:10px auto">
        <CarouselItem>
          <div class="carousel"><img src="../assets/lantian.jpg"><</div>
        </CarouselItem>
        <CarouselItem>
          <div class="carousel"><img src="../assets/liuchengtu.jpg"></div>
        </CarouselItem>
        <CarouselItem>
          <div class="carousel"><img src="../assets/shou.jpeg"></div>
        </CarouselItem>
      </Carousel>
    </Card>
  </div>
</template>

<script>
  import axios from "axios";

  export default {
    name: "index",
    data(){
     return {
       carouselValue:0
     }
    },
    mounted() {
    }
  }
</script>

<style scoped>
  .index{
    margin:20px 0 0 20px
  }
  .carousel {
    width: 1080px;
    height: 484px;
    background: #5cadff;
  }
</style>
